<template>
    <yh-dialog
        :title="dialogVO.title"
        :visible.sync="dialogVO.visible"
        class="form-dialog"
        :close-on-click-modal="dialogVO.closeOnClickModal"
        :before-close="closeFormDialog"
        :append-to-body="true"
        ref="ruleForm"
    >
        <div class="table-toolbar-">
            <el-form label-width="100px" :model="searchParams">
                <div class="flex-box">
                    <el-form-item label="操作人:" class="width-33">
                        <el-input v-model="searchParams.ctUser" placeholder="请输入" @change="handleSearch" size="mini"></el-input>
                    </el-form-item>
                    <el-form-item label="操作日期:" class="width-33">
                        <el-date-picker
                            v-model="searchParams.ctDate"
                            type="date"
                            size="mini"
                            style="width: 100%"
                            value-format="yyyyMMdd"
                            format="yyyy-MM-dd"
                            @change="handleSearch"
                        >
                        </el-date-picker>
                    </el-form-item>
                    <el-form-item label="导入产品:" class="width-33">
                        <el-input v-model="searchParams.codeOrName" placeholder="请输入" @change="handleSearch" size="mini"></el-input>
                    </el-form-item>
                </div>
            </el-form>
        </div>
        <!-- <yh-card class="table-container" :style="tableContainer">
            <yh-table
                resizable
                show-overflow
                highlight-hover-row
                highlight-current-row
                class="record-table-class"
                border="none"
                ref="taskTable"
                :data="pageVO.list"
                @checkbox-change="selectionChange"
                @checkbox-all="selectionChange"
            >
                <yh-table-column type="selection" width="40" fixed="left"></yh-table-column>
                <yh-table-column field="ctUser" title="操作人" align="center" min-width="100"> </yh-table-column>
                <yh-table-column field="ctDate" title="操作日期" align="left" min-width="100">
                    <template slot-scope="scope">
                        {{ getDateStr(scope.row) }}
                    </template>
                </yh-table-column>
                <yh-table-column field="controlGrade" title="导入产品" align="left" min-width="100">
                    <template slot-scope="scope">
                        <span>{{ scope.row.fundCode }}({{ scope.row.fundName }})</span>
                    </template>
                </yh-table-column>
            </yh-table>
            <yh-pagination v-bind:pageInfo="pageVO" :page-sizes="[5, 10, 20, 25, 50, 100, 300, 500]" @pageInfoChange="pageQuery"></yh-pagination>
        </yh-card> -->

        <RiskTable
            ref="risk-table"
            :tableData="pageVO.list"
            :tableConfig="tableConfig"
            :searchParams="searchParams"
            :column="columns"
            :paging="paging"
            v-loading="tableLoading"
            :stripe="false"
            :key="tableKey"
            style="height: 450px"
            @page-change="pageQuery"
        >
        </RiskTable>
    </yh-dialog>
</template>

<script lang="ts">
import OperationRecordController from '../controller/OperationRecordController';

export default class OperationRecord extends OperationRecordController {}
</script>

<style lang="scss" scoped>
/deep/ .el-dialog .el-dialog__body {
    max-height: 70vh;
}
</style>
